<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>管理系统</title>
    <!-- 引入重置样式表 reset.css -->
    <link rel="stylesheet" href="css/reset.css">
    <!-- 引入首页样式表 index.css -->
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <!-- logo和导航栏 -->
    <div id="logoNav" class="clearfix">
        <a href="#"><img class="logo fl" src="images/logo.jpg" alt=""></a>
        <ul class="clearfix fl">
            <li><a href="#"><img src="images/nav1.png" alt="">OA办公系统</a></li>
            <li class="teach"><a href="#"><img src="images/nav2.png" alt="">教学系统</a></li>
            <li><a href="#"><img src="images/nav3.png" alt="">单工系统</a></li>
            <li><a href="#"><img src="images/nav4.png" alt="">运营系统</a></li>
        </ul>
        <div class="lecturer">
            <ul class="clearfix fl">
                <li><a href="#">前端讲师<img src="images/arrows1.png" alt=""></a></li>
                <li><a href="#">李英丽<img src="images/arrows1.png" alt=""></a></li>
            </ul>
        </div>
    </div>
    <!-- 教学系统和后台首页 -->
    <div id="teachingsystemBackgroundpage">
        <!-- 教学系统 -->
        <div class="teachingsystem">
            <ul>
                <li class="first">
                    <div><img src="images/teachingsystem1.png" alt=""></div><a href="#">教学系统</a>
                    <img src="images/arrows2.png" alt="">
                    <ul>
                        <li><a href="#">系统首页</a></li>
                    </ul>
                </li>
                <li>
                    <div><img src="images/teachingsystem2.png" alt=""></div><a href="#">班级管理</a>
                </li>
                <li>
                    <div><img src="images/teachingsystem3.png" alt=""></div><a href="#">就业管理</a>
                </li>
                <li>
                    <div><img src="images/teachingsystem4.png" alt=""></div><a href="#">教学管理</a>
                </li>
                <li>
                    <div><img src="images/teachingsystem5.png" alt=""></div><a href="#">考试管理</a>
                </li>
                <li>
                    <div><img src="images/teachingsystem6.png" alt=""></div><a href="#">周报管理</a>
                </li>
                <li>
                    <div><img src="images/teachingsystem7.png" alt=""></div><a href="#">测验管理</a>
                </li>
                <li>
                    <div><img src="images/teachingsystem8.png" alt=""></div><a href="#">面试题管理</a>
                </li>
                <li>
                    <div><img src="images/teachingsystem9.png" alt=""></div><a href="#">讲师培训管理</a>
                </li>
            </ul>
            <div class="arrow"><a href="#"><img src="images/arrows5.png" alt=""></a></div>
        </div>
        <!-- 后台首页 -->
        <div class="backgroundpage">
            <div class="top clearfix">
                <ul class="fl">
                    <li><a href="#" class="manage">系统管理</a><img src="images/arrows4.png" alt=""></li>
                    <li><a href="#" class="backstage">后台首页</a></li>
                </ul>
                <div class="right fr">
                    搜索：<form action="#"><input type="text" placeholder="请输入学生或公司名字..."><a href="#"><img
                                src="images/magnifier.png"></a>
                    </form>
                </div>
            </div>
            <div class="bottom">
                <div class="fralanguage">
                    <div>
                        <table>
                            <thead>
                                <tr>
                                    <td>登录账户</td>
                                    <td>IP</td>
                                    <td>登录所在地</td>
                                    <td>上次登录时间</td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>liyingli</td>
                                    <td>111.203.254.34</td>
                                    <td>127.0.0.1</td>
                                    <td>2020-01-0415:24:10</td>
                                </tr>
                                <tr>
                                    <td>liyingli</td>
                                    <td>111.203.254.34</td>
                                    <td>127.0.0.1</td>
                                    <td>2020-01-0415:24:10</td>
                                </tr>
                                <tr>
                                    <td>liyingli</td>
                                    <td>111.203.254.34</td>
                                    <td>127.0.0.1</td>
                                    <td>2020-01-0415:24:10</td>
                                </tr>
                                <tr>
                                    <td>liyingli</td>
                                    <td>111.203.254.34</td>
                                    <td>127.0.0.1</td>
                                    <td>2020-01-0415:24:10</td>
                                </tr>
                                <tr>
                                    <td>liyingli</td>
                                    <td>111.203.254.34</td>
                                    <td>127.0.0.1</td>
                                    <td>2020-01-0415:24:10</td>
                                </tr>
                                <tr>
                                    <td>liyingli</td>
                                    <td>111.203.254.34</td>
                                    <td>127.0.0.1</td>
                                    <td>2020-01-0415:24:10</td>
                                </tr>
                                <tr>
                                    <td>liyingli</td>
                                    <td>111.203.254.34</td>
                                    <td>127.0.0.1</td>
                                    <td>2020-01-0415:24:10</td>
                                </tr>
                                <tr>
                                    <td>liyingli</td>
                                    <td>111.203.254.34</td>
                                    <td>127.0.0.1</td>
                                    <td>2020-01-0415:24:10</td>
                                </tr>
                                <tr>
                                    <td>liyingli</td>
                                    <td>111.203.254.34</td>
                                    <td>127.0.0.1</td>
                                    <td>2020-01-0415:24:10</td>
                                </tr>
                                <tr>
                                    <td>liyingli</td>
                                    <td>111.203.254.34</td>
                                    <td>127.0.0.1</td>
                                    <td>2020-01-0415:24:10</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="livebroadcast">
                        <a href="#">
                            <img src="images/backgroundpage.png" alt="">
                            <p>查看直播</p>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>


</body>
</html>